<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <span id="a">2312</span>
    <input type="text" id="b">
    <button id="btn">验证</button>
    <script>

        // 

        // var p = 3 ;
        // console.log(P) ;    P is not defined

        // p() ;   
             // p如果声明了但不是函数  p is not a function 
            //  p 这个函数没有定义(路径错误)  p is not defined

        // 死递归
        //   最大栈内存溢出  Maximum call stack size exceeded


        // 对象中，当属性不存在的时候，不会报错，只会得到undefined


        // 什么时候会得到undefined
        //     变量已经声明但是没有赋值
        //     变量还没有执行赋值就先使用
        //     对象中没有这个属性
        //     函数没有返回值  var res = alert(666) ;     res -> undefined   ??????


        var obj = {
            name : 'cc' ,
            age : 18
        }
        console.log(obj.sex) ;

        
        var p = 3 ;
        console.log(p.length) ;   // undefined

        var oSpan = document.getElementById('a') ;  // span
        // console.log(obj2.value) ;   // span 没有value属性    // undefined

        var oInp = document.getElementById('b') ;

        var oBtn = document.getElementById('btn') ;

        oBtn.onclick = function() {
            console.log(oInp.value , oSpan.value) ;
            if(oInp.value === oSpan.value) {
                alert(666) ;
            }
        }












        // function fn() {
        //     
        //     return document.write(666) ;
        // }

        // function fn2() {
        //     return fn()
        // }

        // var res = fn2() ;


        function rand() {
            // var n = Math.random() ;
            // return n 
            return Math.random()
        }


        function fn() {
            // return console.log(666) ;
            var a = console.log(666) ;
            return a
        }
        var res = fn() ;  // 


    </script>
    
</body>
</html>